<template>
	<view style="padding: 20px;">
		<h3>阿巴阿巴阿巴阿巴巴巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴巴巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴巴巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴巴巴阿巴阿巴阿巴</h3>
		<view>
			<u-icon size="20" name="clock"></u-icon>
			<text>9月15日 15:22 - 9月15日 16:03</text>
		</view>
		<view>
			<u-icon size="20" name="photo"></u-icon>
			<text>视频会议</text>
		</view>
		<view>
			<u-icon size="20" name="account"></u-icon>
			<u-image
				src="https://tse3-mm.cn.bing.net/th/id/OIP-C.4rBnm0dbEdZtbOCfoAQSOgAAAA?w=204&h=204&c=7&r=0&o=5&dpr=1.4&pid=1.7"
				width="30px" height="30px" shape="circle"></u-image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	h3 {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
	}

	view {
		margin-top: 10px;
		.u-icon {
			// display: inline-block;
			width: 20px;
			float: left;
		}
		text{
			line-height: 20px;
		}
		.u-image{
			// display: inline-block;
			float: left;
		}
	}


</style>
